
//检测本地存储是否开启
var te = localStorage.getItem('arr')
if(te==null){
	var arr=[]
	localStorage.setItem('arr',JSON.stringify(arr))
}
//ajax请求
// 判断是否为对象
function isObject(obj){
    if (typeof obj === 'object'&&obj !==null&&obj.constructor === Object) {
        return true
    } else {
        return false
    }
}
function ajax(options){
    // 1. 创建数据交互对象XMLHttpRequest对象（ajax对象）
    var xhr = new XMLHttpRequest()//除了IE56都支持
    // var xhr = new ActiveXObject('Microsoft.XMLHTTP')//ie56支持

    // 判断data参数数据类型 string or object
    
    var data = ''//保存格式化之后的参数 options.data
    if (typeof options.data === 'string') {
        // 如果是字符串不做任何处理，直接赋值
        data = options.data
    }
    if (isObject(options.data)) {
        // 如果options.data是对象，则格式化为字符串 'user=xiapcuo&pass=123456'
        for (var key in options.data){
            data += (key+'='+options.data[key]+'&')
        }
        // data = 'user=xiapcuo&pass=123456&'
        // 去掉最后一个&
        // data = data.substr(0,data.length-1)
        data = data.substring(0,data.length-1)
    }

    // 判断请求方式
    if (options.type.toLowerCase() === 'get') {
        // 是否使用缓存
        if (options.cache) {
            // 2. 初始化请求
            xhr.open(options.type,options.url+'?'+data,true)
        } else {
            // 2. 初始化请求
            xhr.open(options.type,options.url+'?'+data+'&_='+Date.now(),true)
        }
        // 3. 发送请求
        xhr.send(null)//get请求
    } else if (options.type.toLowerCase() === 'post'){
        // 2. 初始化请求
        xhr.open(options.type,options.url,true)
        // 设置请求头，作用是 模拟表单的post方式提交数据
        xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded')
        // 3. 发送请求
        // post请求在此传参
        xhr.send(data)
    } else {
        alert('目前仅支持get或post请求！')
        return
    }

    // 4. 监听 请求状态 响应状态
    // xhr.readyState 代表请求状态 0-4
    // 当 xhr.readyState 请求状态发生改变时，会触发一个事件 readyStateChange
    xhr.onreadystatechange = function (){
        // console.log( xhr.readyState )// 2 3 4
        if (xhr.readyState === 4){//请求完成
            // 这时还不能拿到数据
            // console.log( xhr.status )//http响应状态码
            if (xhr.status >= 200 && xhr.status < 300) {
                if (options.dataType === 'json') {
                    // 如果是 json 数据，解析成对象之后再传出
                    var json = JSON.parse(xhr.responseText)
                    options.success(json)
                } else if (options.dataType === 'xml'){
                    options.success(xhr.responseXML)
                } else {
                    options.success(xhr.responseText)
                }
            } else {
                options.error(xhr.status)
            }
        }
    }
}



//获取渲染对象
var mu10 =document.querySelector('.goods-x')
//获取switch1的值，用于判断渲染不同数据(flower/forever)
var qiehuan = localStorage.getItem('switch1')
//判断
if(qiehuan=="flower"){
	//获取数据
	window.onload=function(){
		ajax({
			   url: '../data/listPage.json',
			   type: 'get',
			   dataType: 'json',
			   success: function (json){
				 for(var i=0;i<36;i++){
					 var newDiv=document.createElement('div')
					   newDiv.className="goods-show"
					   newDiv.innerHTML=`
					  <div class="show-img">
					  	<img src="../imgs/listPage-img/${json[i].url}">
					  </div>
					  <div class="show-info">
					  	<h4>${json[i].des1}</h4>
					  	<P>${json[i].des2}</P>
					  	<P>￥${json[i].des3}</P>
					  </div>
					 
					   `
					   mu10.appendChild(newDiv)
				 }
			   },
			   error: function (){
				   alert('网络异常，请稍后重试')
			   }
			})
	}
}
//判断
if(qiehuan=="forever"){
	//获取数据
	window.onload=function(){
		ajax({
			   url: '../data/listPage.json',
			   type: 'get',
			   dataType: 'json',
			   success: function (json){
				 for(var i=36;i<72;i++){
					 var newDiv=document.createElement('div')
					   newDiv.className="goods-show"
					   newDiv.innerHTML=`
					  <div class="show-img">
					  	<img src="../imgs/listPage-img/${json[i].url}">
					  </div>
					  <div class="show-info">
					  	<h4>${json[i].des1}</h4>
					  	<P>${json[i].des2}</P>
					  	<P>￥${json[i].des3}</P>
					  </div>
					 
					   `
					   mu10.appendChild(newDiv)
				 }
			   },
			   error: function (){
				   alert('网络异常，请稍后重试')
			   }
			})
	}
}

 //全局点击事件
  
  var uName = document.querySelector('.h-right li:nth-child(1)')//获取导航栏用户名对象
  var shoppcar = document.querySelector('.h-right li:nth-child(9)')//购物车商品数量
  var name = localStorage.getItem('user1')//获取用户名
  var rem1 = localStorage.getItem('rem')//获取用户记忆
  var num1 = localStorage.getItem('carnum')
  if(rem1=='1'){
  		uName.innerHTML=`<a href="login.html">您好,${name}! </a><a>&nbsp;退出</a>`
  	}
  shoppcar.children[3].innerHTML=localStorage.getItem('carnum')
  
  //通用，页面跳转
  document.onclick=function(e){
  	var e = e||window.event
  	var target = e.target || e.srcElement
  	//跳转商品列表页
  	if(target.innerHTML=="永生花"){
  		//用于渲染不同数据
  		localStorage.setItem('switch1','forever')
  		window.location.href="listPage.html"
  	}
  	if(target.innerHTML=="鲜花"){
  		//用于渲染不同数据
  		localStorage.setItem('switch1','flower')
  		window.location.href="listPage.html"
  	}
  	//跳转登录注册页
  	if(target.innerHTML=="注册||您好，请登录"){
  		window.location.href="login.html"
  	}
  	//跳转商品详情页
  	if(  target.parentNode.parentNode.className=="goods-show"){
  		var str=target.parentNode.parentNode.children[0].children[0].src
  		var miao1=target.parentNode.parentNode.children[1].children[0].innerHTML
  		var miao2=target.parentNode.parentNode.children[1].children[2].innerHTML
  		miao2=miao2.split('￥')
  		miao2=miao2[1]
  		str=str.split('flower/')
  		var str1=str[1]
  		var str2=`../${str1}`
	
  		localStorage.setItem('str2',str2)//设置当前图片地址(原图)
  		localStorage.setItem('str1',str1)//设置当前图片地址(放大图)
  		localStorage.setItem('miao1',miao1)//设置当前商品标题(原图)
  		localStorage.setItem('miao2',miao2)//设置当前商品价格(放大图)
  		window.location.href="detailPages.html"
  	}
  	
  	//跳转首页
  	if(target.innerHTML=="首页"){
  		window.location.href="index.html"
  	}
  	//跳转购物车页
  	if(target.parentNode.className=="guowu"){
  		var check1=localStorage.getItem('rem')
  		if(check1==null){
  			alert('请先登录！查看购物车！')
			window.location.href="login.html"
  		}else{
  			 window.location.href="shopping.html"
  			}
  	}
	
  	//退出用户登录
  	if(target.innerHTML=="&nbsp;退出"){
  		if(confirm("退出后购物车将被清空，请问是否退出？")){
  			localStorage.removeItem('rem')
  			localStorage.removeItem('str1')
  			localStorage.removeItem('str2')
  			localStorage.removeItem('miao1')
  			localStorage.removeItem('miao2')
  			localStorage.setItem('carnum','0')
			var arr=[]
			localStorage.setItem('arr',JSON.stringify(arr))
  			window.location.reload()
  		}
  	}
  	
  }